
<template>
  <div>
    <el-card shadow="never">
      <div slot="header" class="clearfix" >
        <span>账户信息</span>
      </div>
      <el-descriptions title="">
        <el-descriptions-item label="可用余额">
          (0.00)
        </el-descriptions-item>
        <el-descriptions-item label="待结算余额">
          (0.00)
        </el-descriptions-item>
        <el-descriptions-item label="方式">
          商户确认/人工审核
        </el-descriptions-item>
        <el-descriptions-item label="单笔最低提现">94</el-descriptions-item>
        <el-descriptions-item label="单笔最高提现">94.0000</el-descriptions-item>
      </el-descriptions>
      <div style="height: 1px;background-color: #EBEEF5;margin: 20px 0;"></div>
      <div style="width: 600px;">
        <SubmitForm label-position="right" label-width="120px" :form-list="formList" :rule-form="ruleForm"></SubmitForm>
      </div>
    </el-card>
  </div>
</template>
<script>

export default {
  name: "index",
  data() {
    return {
      formList: [
        /**
         * 提现金额 最小100，单臂手续费+0%
         * 到账金额 colSpan:12
         * 手续费 colSpan:12
         * 转账账号 colSpan:24
         * 银行/类型
         * IFSC
         * 收款人
         * 支付密码
         * 谷歌验证码
         */
        {
          label: '提现金额',
          prop: 'amount',
          name: 'input',
          placeholder: '最小100，单笔手续费+0%',
          rules: [{ required: true, message: '请输入提现金额', trigger: 'blur' }]
        },
        {
          colSpan: 12,
          label: '到账金额',
          prop: 'uAmount',
          name: 'input',
          disabled: true,
          rules: [{ required: true, message: '请输入到账金额', trigger: 'blur' }]
        },
        {
          colSpan: 12,
          label: '手续费',
          prop: 'fee',
          name: 'input',
          disabled: true,
          rules: [{ required: true, message: '请输入手续费', trigger: 'blur' }]
        },
        {
          label: '转账账号',
          prop: 'account',
          name: 'input',
          placeholder: '请输入转账账号',
          rules: [{ required: true, message: '请输入转账账号', trigger: 'blur' }]
        },
        {
          label: '银行/类型',
          prop: 'bank',
          name: 'select',
          placeholder: '请选择收款银行',
          rules: [{ required: true, message: '请选择收款银行', trigger: 'blur' }],
          options: [
            {
              value: '1',
              name: 'UPI'
            },
            {
              value: '2',
              name: 'IFSC-Bank'
            }
          ]
        },
        {
          label: 'IFSC',
          prop: 'ifsc',
          name: 'input',
          placeholder: '印度银行转账需填写ifscCode',
          rules: [{ required: true, message: '请输入IFSC', trigger: 'blur' }]
        },
        {
          label: '收款人',
          prop: 'payee',
          name: 'input',
          placeholder: '请输入收款人真实姓名',
          rules: [{ required: true, message: '请输入收款人', trigger: 'blur' }]
        },
        {
          label: '支付密码',
          prop: 'password',
          name: 'input',
          placeholder: '请输入支付密码',
          rules: [{ required: true, message: '请输入支付密码', trigger: 'blur' }]
        },
        {
          label: '谷歌验证码',
          prop: 'emailCode',
          name: 'input',
          placeholder: '请输入谷歌验证码',
          rules: [{required: true, message: '请输入谷歌验证码', trigger: 'blur'}]
        }
      ],
      ruleForm: {}
    }
  }
}
</script>

<style scoped lang="scss">

</style>
